<section id="sectionWelcome">
        <?php include_component('componente','welcome') ?>
</section>              
<section id="bloqueHeader">  <?php include_component('componente','header') ?>    </section>
    <section id="bloqueBaner">      </section>
    <section id="sectionNav"><?php include_component('componente','nav') ?> </section>    
    
    <section id="bloqueBuscador"> <?php include_component('componente','search') ?>    </section>
  
<div style="background: white;margin: 0px auto;width: 100%;">
    <div style="background: white;margin: 0px auto;width: 800px;padding: 25px 0px;">
    <form  id="form-registro" action="?" method="get">
        <h3 style="margin: 5px 0px;">Registro de Usuario</h3><br>

        <div>Nombre: </div>
              <label><input id="nombre" type="text" name="nombre" /></label>
              <br/>
        <div>Apellido </div>
              <label><input id="apellido" type="text" name="apellido" /></label>
              <br/>
        <div>Profesion </div>
              <label><input id="profesion" type="text" name="profesion" /></label>
              <br/>
        <div>Pais</div>
              <label>
                  <select id="pais" onchange="loadCity();" > 
                      <option value="none">Seleccione</option>
                  <?php if(count($listaPaises>0)): ?>   
                        <?php foreach($listaPaises as $row): ?>
                              <option value="<?php echo $row->getId(); ?>"><?php echo $row->getName(); ?></option>
                        <?php endforeach; ?>
                  <?php endif; ?>      
                  </select>
                              
              </label>
             <br/>
        <div>Ciudad</div>
              <label>                  
                <select id="ciudad" >
                    <option value="none">Seleccione</option>
                    <?php if($listaCiudades!=null): ?>
                          <?php foreach($listaCiudades as $row): ?>
                               <option value="<?php echo $row->getId(); ?>"><?php echo $row->getName(); ?></option>
                         <?php endforeach; ?>
                    <?php endif; ?>
                  </select>
                </select>
              </label>
              <br/>
        <div>Institucion</div>
               <label><input id="institucional" type="text" name="institucion" /></label>
               <br/>
        <div>E-mail</div>
              <label><input id="mail" type="text" name="mail" /></label>
              <br/>
        <div>Password</div>
              <label><input id="password" type="text" name="password" /></label>
              <br/>
       <input onclick="registrar();" type="button" value="REGISTRARSE"/>

       <input onclick="registrar();" type="button" value="REGISTRARSE FACEBOOK"/>
       
       <input onclick="registrar();" type="button" value="REGISTRARSE LINKEDIN"/>
       
       
       <div id="mensaje">

       </div>

</form>
        </div>
</div>


<script type="text/javascript">


function loadCity()
{      
    var html = null
    $("#ciudad").attr('disabled', "disabled");
    $.ajax({
      url:     '<?php echo url_for('@loadCity') ?>',
      data:   
      { 
            paisId :$("#pais").val()
      },
      success: function(data)
      {
            html = data;      
      },
      complete:function()
      {
            $("#ciudad").attr('disabled', false); 
            if(html!=null)
            {                
               $("#ciudad").html(html);
            }
            else
            {
               $("#ciudad option[value=none]").attr("selected",true);
            }
      }
    });
        
}


function registrar()
{
    var mail= $("#mail").val();
    var password= $("#password").val();

    if(mail!='' && password!='')
    {    
        $("#form-registro").attr('action','<?php echo url_for('@registro_usuario') ?>')
        $("#form-registro").submit();
    }
    else
    {
        alert("contraseña y password son requeridos");
    }
}
            



 function fillRegistro(nombre,apellido,profesion,ciudad,institucion,email,password)
        {
            $("#nombre").val(nombre);
            $("#apellido").val(apellido);
            $("#profesion").val(profesion);
            $("#institucional").val(institucion);
            $("#mail").val(email);
            $("#password").val(password);

     /*        $("#pais option").each(function () {
                 if($(this).val()==pais)
                 {
                     $(this).attr('selected','selected');
                 }
              });*/
        }



        function monstarMensajeError(message)
        {
            $("#mensaje").html(message);
            $("#mensaje").fadeIn(1000);
        }

        <?php if($sf_user->hasFlash('sf_registroErrorParametros')): ?>
                    <?php $arrayParameter = $sf_user->getFlash('sf_registroErrorParametros')  ?>
                    fillRegistro(
                    '<?php echo $arrayParameter['nombre'] ?>',
                    '<?php echo $arrayParameter['apellido'] ?>',
                    '<?php echo $arrayParameter['profesion'] ?>',
                    '<?php echo $arrayParameter['ciudad'] ?>',
                    '<?php echo $arrayParameter['institucion'] ?>',
                    '<?php echo $arrayParameter['email'] ?>',
                    '<?php echo $arrayParameter['password']?>'
                        );
        <?php endif; ?>
        <?php if($sf_user->hasFlash('sf_registroError')): ?>
             <?php $mensaje = $sf_user->getFlash('sf_registroError');  ?>
             <?php $message = "Error" ?>
             monstarMensajeError('<?php echo $mensaje ?>');
        <?php endif; ?>
        <?php if($sf_user->hasFlash('msgSuccess')): ?>
             <?php $mensaje = $sf_user->getFlash('msgSuccess');  ?>
             monstarMensajeError('<?php echo $mensaje ?>');
        <?php endif; ?>





</script>